import React from 'react';
import {Card} from 'antd';
import './index.styl';

export default ({
    title = '',
    extra = '',
    tabList = '',
    activeTabKey = '',
    handleTabChange = () => {},
    children,
}) => (
    <Card
        size="small"
        bordered={false}
        title={title}
        className="liveMonitor-common-card"
        headStyle={{
            background: '#F0F5FC',
            color: '#4D5E84',
            fontWeight: 'normal',
        }}
        extra={extra}
        tabList={tabList}
        activeTabKey={activeTabKey}
        onTabChange={key => {
            handleTabChange(key);
        }}
    >
        {children}
    </Card>
);
